<!DOCTYPE html>
<html lang="zh-CN">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>回馈用户</title>
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="贤钱宝，贤钱宝官网，P2P理财，理财平台" />
    <meta name="description" content="贤钱宝（www.xianqianbao.net）是一家专注于短期投资的个人理财平台，提供年化高达15%的随存随取理财产品。精选优质个人理财产品，优化用户投资体验，致力于为投资人打造一个专业、规范、安全、高效的理财平台。"
    />
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="shortcut icon" href="https://xqbhtml.oss-cn-hangzhou.aliyuncs.com/favicon.ico" type="image/x-icon" />
    <script src="https://cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>

</head>

<body>
    <link href="https://cdn.bootcss.com/animate.css/3.2.6/animate.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/css/nationaldayHK.css">
    <div class="conMain">
        <div class="top01_gs">
            <div class="top01_gs_img"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/top01_img_gs.png" alt=""></div>
        </div>
        <div class="top01_header">
            <div class="top01_title fixed">
                <div class="ttList1"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/title_txt_01.png" alt=""></div>
                <div class="ttList2"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/title_txt_02.png" alt=""></div>
                <div class="ttList2"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/title_txt_03.png" alt=""></div>
                <div class="ttList1"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/title_txt_04.png" alt=""></div>
                <div class="ttList2"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/title_txt_05.png" alt=""></div>
                <div class="ttList2"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/title_txt_06.png" alt=""></div>
            </div>
            <div class="top01_title2">
                <div class="ttList_txt"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/top01_img_txt.png" alt=""></div>
                <div class="ttList_con">
                    <div class="ttList_con_z ttList_con_z1"></div>
                    <div class="ttList_con_z ttList_con_z2"></div>
                </div>
            </div>
            <div class="nat_content">
                <!-- 大信封 -->
                <div class="nat_dxf">
                    <div class="nat_dxf_p">
                        <div class="nat_dxf_tt"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/txt_title_01.png" alt=""></div>
                        <!-- textarea -->
                        <textarea class="xy_text"></textarea>
                        <div class="nat_dxf_ts">您还能输入<b>80</b>个字</div>
                        <div class="nat_dxf_btn">
                            <!-- 完成/修改 -->
                            <div class="nat_dxf_b">完成</div>
                        </div>
                    </div>
                    <div class="mb_xf"></div>
                </div>

                <!-- 小信封 -->
                <div class="nat_xxf"></div>
                <div class="nat_xxf_ywz">我的愿望值已经达到：<span>200</span>元</div>
            </div>
            <div class="nat_share_c">
                <div class="share_tt">你的愿望想第一个告诉谁？</div>
                <p class="share_p">分享邀请好友注册投资，你就可以增加你的愿望价值，邀请越多，价值越大，赶快分享给你重要的人哦~</p>
                <div class="share_btn">
                    <a href="javascript:;">一键分享</a>
                </div>
                <div class="share_con"><img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/txt_content_01.png" alt=""></div>
                <!-- <div class="share_more">
                    <a href="javascript:;">更多理财产品&gt;&gt;</a>
                </div> -->
                <div class="share_btn">
                    <a href="javascript:;">立即投资</a>
                </div>
            </div>
            <div class="nat_act_gz">
                <div class="nat_act_p">活动规则：</div>
                <p class="nat_act_p">1、新手首次投资的金额不参与到活动期间的累计金额中。</p>
                <p class="nat_act_p">2、愿望价值50元起送，邀请好友注册投资，每投资1000元即可在原来的基础上增加愿望价值+5元钱，邀请越多，价值越大。</p>
                <p class="nat_act_p">3、许愿单内容可以修改，以最后一次提交的为准，截止时间为活动结束后两个工作日（2017年10月10日）。</p>
                <p class="nat_act_p">
                    4、中秋愿望内容不限，唯你所想。<br> 例：感恩爸妈，订一份月饼回家！
                    <span>表白女神，为她送一束花！</span>
                    <span>送给自己，最想要得礼物！</span>
                    <span>我的愿望，只要钱！<br>……</span>
                </p>
                <p class="nat_act_p">5、工作人员将于两个工作日内与你核对具体信息细节，7个工作日内送出你的愿望。</p>
                <p class="nat_act_p">6、投资成功后，可返回此界面查看-更改-你的愿望。</p>
                <p class="nat_act_p">7、本次活动将秉持公平公正的原则，一切恶意刷量的行为都将被取消活动资格。</p>
                <div class="nat_act_ts">本次活动最终解释权归贤钱宝所有，如有疑问，请联系客服：400-050-5225</div>
            </div>
        </div>
        <!-- tips -->
        <div class="toolTip">
            <div class="toolTip_bg"></div>
            <div class="toolTip_box">
                <div class="toolTip_close">
                    提示<i></i>
                </div>
                <div class="toolTip_p">
                    <p>活动尚未开始，暂不能许愿</p>
                </div>
                <div class="toolTip_btn">
                    <div class="toolTip_b">确定</div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<script type="text/javascript">
    var html = document.querySelector('html');
    html.style.fontSize = html.offsetWidth / 750 * 100 + 'px';
    addEventListener('resize', function () {
        html.style.fontSize = html.offsetWidth / 750 * 100 + 'px';
    }, false);

</script>

<script src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/js/nationaldayHK.js"></script>
<script type="text/javascript">
    // 点击信封“完成”按钮收回，这里需要 条件判断
    $('.nat_dxf_btn .nat_dxf_b').click(function () {

        // 判断textarea是否为空
        if ($('.xy_text').val().length > 0) {

            // 这里判断是否提交成功，成功后执行，否则显示提示框
            $('.nat_dxf').animate({
                height: "3.4rem"
            }, 400, function () {
                $('.nat_dxf_tt').html('我的愿望');
                $('.nat_dxf').removeClass('xf_zoomIn');
                $('.nat_dxf').addClass('xf_zoomOut');
                $('.nat_dxf').animate({
                    top: "-0.8rem",
                    right: "-2.2rem"
                }, 400, function () {
                    $(this).css('display', 'none');
                    $('.nat_xxf').css('display', 'block');
                    $('.nat_xxf').addClass('xf_zoomIn');
                    $('.nat_xxf_ywz').addClass('nat_xxf_ywz_show');
                    $('.nat_xxf_ywz').addClass('xf_zoomIn');
                })
            })
            $('.nat_xxf').addClass('xf_tada');
        } else {
            $('.toolTip').addClass('toolTip_show');
            $('.toolTip_p p').text('您还没有填写愿望');
        }
    })

</script>